<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'deletearticle.jsp' starting page</title>

<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<script type="text/javascript" src="<%=basePath%>/js/jquery-3.2.1.js"></script>
	
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	<script type="text/javascript" src="<%=basePath%>/js/bootbox.js"></script>
	<script type="text/javascript" src="<%=basePath%>/js/deletearticle.js"></script>
</head>


<style type="text/css">  
.loading{  
    width:160px;  
    height:56px;  
    position: absolute;  
    top:50%;  
    left:50%;  
    line-height:56px;  
    color:#fff;  
    padding-left:60px;  
    font-size:15px;  
    background: #000 url(images/loader.gif) no-repeat 10px 50%;  
    opacity: 0.7;  
    z-index:9999;  
    -moz-border-radius:20px;  
    -webkit-border-radius:20px;  
    border-radius:20px;  
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
}  
</style>  


<body>
	<table class="table table-hover table-condensed">
  <!--  <caption>基本的表格布局</caption>-->
  <thead>
    <tr>
      <th>文章名称</th>
      <th>文章的模式</th>
      <th>所在栏目</th>
      <th>所属分类</th>
      <th>是否置顶</th>
      <th>最近变动</th>
      <th>所属用户ID</th>
      <th>查看人数</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody id="tbody">
    <tr>
      <td>文章名称</td>
      <td>文章的模式</td>
      <td>所属分类</td>
      <td>是否置顶</td>
      <td>最近变动</td>
      <td>所属用户ID</td>
      <td>查看人数</td>
      <td><a href="javascript:;" onclick="delArticle(this)">删除</a></td>
    </tr>
    <tr>
      <td>Sachin</td>
      <td><select>
      	<option>2</option>
      	<option>2</option>
      </select></td>
    </tr>
  </tbody>
</table>
<div>
<div style="float:left;height: 75px;line-height: 107px;"><span id="totalCount">总共？条记录</span><span id="currentPage">当前？页</span><span id="totalPage">共？页</span></div>


<div style="float:right;margin-right:10px ;">
<ul class="pagination" id="page">
    <li id="li"><a href="javascript:;" id="hasPrePage" onclick="previousPage()">&laquo;</a></li>
    <li><a href="#">1</a></li>
</ul>

</div>
</div>
<!-- 按钮触发模态框
	<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">开始演示模态框</button>
 -->
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" data-backdrop="false" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">编辑文章</h4>
            </div>
            <div class="modal-body">        	
            	<div>
            		<h4>文章名称</h4>
            		<textarea class="form-control" rows="2" id="articleName"></textarea>
            	</div>
            	<div>
            		<h4>封面</h4>
            		<img alt="" src="" id="img" style="width:100px;height:60px;">
            		<input type="file" id="file" name="file">
            	</div>
            	<div>
            		<h4>文章模式</h4>
            		<select class="selectpicker show-tick form-control" id="articleType">
            			<option value="1">公开</option>
            			<option value="0">不公开</option>
            		</select>
            	</div>
            	<div>
            		<h4>所属栏目</h4>
            		<select class="selectpicker show-tick form-control" id="section">
            	
            		</select>
            	</div>
            	<div>
            		<h4>所属分类</h4>
            		<select class="selectpicker show-tick form-control" id="articleSort">
            			<option>分组1</option>
            			<option>不分组</option>
            		</select>
            	</div>
            	<div>
            		<h4>是否置顶</h4>
            		<select class="selectpicker show-tick form-control" id="articleUp">
            			
            			<option value="1">是</option>
            			<option value="0">否</option>
            		</select>
            	</div>
            	<div>
            		<h4>是否推荐</h4>
            		<div class="switch switch-large">
    					<input type="checkbox" id="articleSupport" />
					</div>
            	</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="submitChange" onclick="submitChange()">提交更改</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal  -->
  
    
</div>
	
</body>
</html>
